<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 
		 键盘事件：onkeydown / onkeyup /onkeypress
		  1、一般标签不会触发键盘事件，只有表单标签才会触发键盘事件。
		  2、表单标签 ：form 、input、textarea、select
		 -->
		 
		 <input type="text" class="demo">
		 <div class="text"></div>
		 <script>
			 var demo = document.querySelector(".demo")
			 var text = document.querySelector(".text")
			 demo.onkeyup = function (){
				 // 按键盘写字 键盘抬起时，字才会写进去
				 text.innerText = demo.value
			 }
		 </script>
	</body>
</html>
